// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    title:'这是一个标题',
    pickerHidden: false,
    chosen: '',
    array: [{
      mode: 'scaleToFill',
      text: 'scaleToFill：不保持纵横比缩放图片，使图片完全适应'
    }, {
      mode: 'aspectFit',
      text: 'aspectFit：保持纵横比缩放图片，使图片的长边能完全显示出来'
    }, {
      mode: 'aspectFill',
      text: 'aspectFill：保持纵横比缩放图片，只保证图片的短边能完全显示出来'
    }, {
      mode: 'top',
      text: 'top：不缩放图片，只显示图片的顶部区域'
    }, {
      mode: 'bottom',
      text: 'bottom：不缩放图片，只显示图片的底部区域'
    }, {
      mode: 'center',
      text: 'center：不缩放图片，只显示图片的中间区域'
    }, {
      mode: 'left',
      text: 'left：不缩放图片，只显示图片的左边区域'
    }, {
      mode: 'right',
      text: 'right：不缩放图片，只显示图片的右边边区域'
    }, {
      mode: 'top left',
      text: 'top left：不缩放图片，只显示图片的左上边区域'
    }, {
      mode: 'top right',
      text: 'top right：不缩放图片，只显示图片的右上边区域'
    }, {
      mode: 'bottom left',
      text: 'bottom left：不缩放图片，只显示图片的左下边区域'
    }, {
      mode: 'bottom right',
      text: 'bottom right：不缩放图片，只显示图片的右下边区域'
    }],
    src: 'https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg'


  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  myClick(){
    console.log('触发了按钮的click 事件');
  },

  // 函数
  setTitle(e){
    //console.log(e);
    //this.title=e.detail.value;  vue 不适用于 微信小程序
    //wx 小程序中是 通过 setData 才能修改 data 中的属性值
    this.setData({
      title:e.detail.value
    })
  },

  formSubmit(e) {
    // e.detail.value  表单提交的值 

    console.log('form发生了submit事件，携带数据为：', e.detail.value)
  },

  formReset(e) {
    // console.log('form发生了reset事件，携带数据为：', e.detail.value)
    // this.setData({
    //   chosen: ''
    // })
  },

})